$(function () {
    //点击勾选事件
    $(document).on("click",".serial",function () {
        var that=this;
        $(that).toggleClass("colour");
        if ($(that).find("input").is(':checked')) {
            $(that).find("input").prop("checked",false);
        }else{
            $(that).find("input").prop("checked",true);
        }
    });
    // 加载列表
    add_list();
    //上一页
    $(".prePage").click(function () {
        var prePage_val=$(this).attr("data-prePage");
        var total_page=$('.totalPage').text();
        if(prePage_val<total_page){
            $('.right_box .arrow_fl .fa').removeClass('right_box_act')
        }
        var page_size=$('#select').val();
        add_list(prePage_val,page_size,'','')
    });
    // 下一页
    $(".nextPage").click(function () {
        var nextPage_val=$(this).attr("data-nextpage");
        var total_page=$('.totalPage').text();
        if(nextPage_val==total_page){
            $('.right_box .arrow_fl .fa').addClass('right_box_act')
        }
        var page_size=$('#select').val();
        add_list(nextPage_val,page_size,'','')
    });
    //第一页
    $(".hasPrePage").click(function () {

        add_list(1,'','','')
    });
    // 最后一页
    $(".last_page").click(function () {
        var last_page_val=$('.totalPage').text();
        if(last_page_val==last_page_val){
            $('.right_box .arrow_fl .fa').addClass('right_box_act')
        }
        var page_size=$('#select').val();
        add_list(last_page_val,page_size,'','')
    });
    //页面搜索
    $(".currentPage").blur(function () {
        var currentPage=parseInt($(this).val());
        var totalPage=parseInt($(".totalPage").text());
        if(currentPage>totalPage){
            alert("不能大于总页数")
        }else {
            add_list(currentPage,'','','')
        }
    });
    //序列号的选择
    $("#select").on('click',function () {
        var currentPage=$('.currentPage').val();
        if($(this).val()==='10'){
            var variable=parseInt(10*currentPage/10);
            if(variable==0){
                variable=1;
            }
            add_list(variable,10,'','');
            $('.digit_num').text("1");
            $('.digit_ber').text("10");

        }else if($(this).val()==='20'){
            var variable=parseInt(10*currentPage/20);
            if(variable==0){
                variable=1;
            }
            add_list(variable,20,'','');
            $('.digit_num').text("11");
            $('.digit_ber').text("20");
        }else if($(this).val()==='30'){
            var variable=parseInt(10*currentPage/30);
            if(variable==0){
                variable=1;
            }
            add_list(variable,30,'','');
            $('.digit_num').text("21");
            $('.digit_ber').text("30");
        }

    });

    //PID显示隐藏图标
    $('.send_pid').on('click',function () {
        $(this).addClass('box_con').siblings().removeClass('box_con');
        $('.box_con .fa').toggleClass("ashy");

    });
    //类型显示隐藏图标
    $('.send_type').on('click',function () {
        $(this).addClass('box_con').siblings().removeClass('box_con');
        $('.box_con .fa').toggleClass("ashy");

    });
    //楼栋显示隐藏图标
    $('.send_ban').on('click',function () {
        $(this).addClass('box_con').siblings().removeClass('box_con');
        $('.box_con .fa').toggleClass("ashy");

    });
    //单元显示隐藏图标
    $('.send_unit').on('click',function () {
        $(this).addClass('box_con').siblings().removeClass('box_con');
        $('.box_con .fa').toggleClass("ashy");

    });
    //门禁名称显示隐藏图标
    $('.send_entrance').on('click',function () {
        $(this).addClass('box_con').siblings().removeClass('box_con');
        $('.box_con .fa').toggleClass("ashy");

    });

    //操作显示隐藏图标
    $('.send_operation').on('click',function () {
        $(this).addClass('box_con').siblings().removeClass('box_con');
        $('.box_con .fa').toggleClass("ashy");
      /*  var sort='sId';
        var pageNo=$('.currentPage').val();
        var pageSize=$('#select').val();
        if(!$(this).find(".fa-sort-asc").hasClass("ashy")){
            var order='ASC';
            add_list(pageNo,pageSize,sort,order)
        }
        if(!$(this).find(".fa-sort-desc").hasClass("ashy")){
            var order='DESC';
            add_list(pageNo,pageSize,sort,order)
        }*/

    });
    //点击赋值给.con_empty_input
    $(document).on('click','.refer_box_input_box li',function () {
        var htm=$(this).html();
        $(this).parent('.refer_box_input_box').siblings('.con_empty_input').val(htm);
        $('.con_empty_input').removeClass("empty");
        $('.refer_box_input_box').hide()
    });
    //点击显示隐藏的ul
    $(document).on('click','.con_empty_input',function () {
        $(this).siblings('.refer_box_input_box').toggle();

    });
    //点击显示隐藏的ul
    $('.con_empty .fa').on('click',function () {
        $(this).siblings('.refer_box_input_box').toggle();

    });

});
/*公共加载列表*/
function add_list(pageNo,pageSize,sort,order) {
    $.ajax({
        url:global_url+'admin/tlocks/installTlocksList.json',
        dataType:'json',
        xhrFields:{withCredentials:true,useDefaultXhrHerder:false},
        type:'GET',
        async:false,
        data:{pageNo:pageNo,pageSize:pageSize,sort:sort,order:order,},
        success:function (data) {
            var status=data.code;
            if(status==1){
                var message_len=data.data.length;
                var _html='';
                if(message_len==0){
                    var _html='<img src="image/no-data.png">';
                    $(".delivery_data").addClass('img_state');
                    $(".delivery_data").html(_html);
                    $('.flip_right').hide();
                }else {
                    for(var x=0;x<message_len;x++){
                        // var cusername=data.data[x].pId;
                        // var installLockName=data.data[x].installLockName;
                        // var checkstatus=data.data[x].checkstatus;

                        _html+='<div class="right_box_cen  serial_div" >' +
                            '<span class="con-1 con_empty_span">'+(x+1)+'</span>' +
                            '<span class="con-1 con_empty_span"><input type="checkbox" name="stuCheckBox" style="z-index: 9"></span>' +
                            '<span class="con_empty">MDM00170000010</span>' +
                            '<span class="con_empty">' +
                            '<input class="con_empty_input" type="text" readonly="readonly" placeholder="请选择类型">' +
                            '<i class="fa fa-angle-down"></i>' +
                            '<ul class="refer_box_input_box">' +
                            '<li type="1">公共门禁</li>' +
                            '<li type="0">单元门禁</li>>' +
                            '</ul>' +
                            '</span>' +
                            '<span class="con_empty">' +
                            '<input class="con_empty_input ban_choose" type="text" readonly="readonly" placeholder="请选择楼栋">' +
                            '<i class="fa fa-angle-down"></i>' +
                            '<ul class="refer_box_input_box ban">' +
                            '<li>111</li>>' +
                            ' <li>1133</li>>' +
                            ' </ul>' +
                            '</span>' +
                            '<span class="con_empty">' +
                            '<input class="con_empty_input empty unit_choose " type="text" readonly="readonly" placeholder="请选择单元">' +
                            '<i class="fa fa-angle-down"></i>' +
                            '<ul class="refer_box_input_box unit">' +
                            ' </ul>' +
                            '</span>' +
                            '<span class="con_empty">' +
                            '<input class="con_empty_input empty" type="text" readonly="readonly" placeholder="门禁名称">' +
                            '<i class="fa fa-angle-down"></i>' +
                            '<ul class="refer_box_input_box">' +
                            '<li>111</li>>' +
                            '<li>1133</li>>' +
                            '</ul>' +
                            '</span>' +
                            '<span class="con_empty">' +
                            '<a class="button">确定</a>' +
                            '<a class="button but">取消</a>' +
                            '</span>' +
                            '</div>';

                    }

                    $(".delivery_data").removeClass('img_state');
                    $(".delivery_data").html(_html);
                    // 翻页部分
                    var totalPage=data.page.totalPage;
                    var currentPage=data.page.currentPage;
                    var total=data.total;
                    var nextPage=data.page.nextPage;
                    var prePage=data.page.prePage;


                    var firstPage=data.page.firstPage;
                    var hasNextPage=data.page.hasNextPage;
                    var hasPrePage=data.page.hasPrePage;
                    var lastPage=data.page.lastPage;
                    if(firstPage==true){
                        $('.prePage ').addClass('right_box_act');
                    }else {
                        $('.prePage ').removeClass('right_box_act');
                    }
                    if(hasPrePage==false){
                        $('.hasPrePage  ').addClass('right_box_act');
                    }else {
                        $('.hasPrePage  ').removeClass('right_box_act');
                    }
                    if(prePage==0){
                        $('.right_box .arrow .fa').addClass('right_box_act');
                        $('.right_box .arrow_fl .fa').removeClass('right_box_act');
                    }
                    $(".totalPage").text(totalPage);
                    $(".currentPage").val(currentPage);
                    $(".total").text(total);
                    $(".nextPage").attr('data-nextpage',nextPage);
                    $(".prePage").attr('data-prePage',prePage);
                }

            }else {
                layer.msg('数据加载失败', {icon: 5});
            }
        }

    });
}

$(document).on('click','.ban_choose',function () {
    building_list(301);
});
function building_list(communityId) {
    $.ajax({
        url:global_url+'admin/cbuildinglectList.json',
        dataType:'json',
        xhrFields:{withCredentials:true,useDefaultXhrHerder:false},
        type:'GET',
        async:false,
        data:{communityId:communityId},
        success:function (data) {
            var status=data.code;
            if(status==1){
                var leng=data.data.length;
                var htm_='';
                for(var i=0;i<leng;i++){
                    var cbName =data.data[i].cbName;
                    var sId =data.data[i].sId;
                    htm_+='<li data-sId='+sId+' data-uname='+cbName+'>'+cbName+'<>';
                }
                $('.ban').append(htm_);

            }else {
                layer.msg('数据加载失败', {icon: 5});
            }
        }

    });
}
/*单元下拉列表*/
$(document).on('click','.unit_choose',function () {
    cell(660);
});
function cell(cbuildingId) {
    $.ajax({
        url:global_url+'admin/cinstallunitlectList.json',
        dataType:'json',
        xhrFields:{withCredentials:true,useDefaultXhrHerder:false},
        type:'GET',
        async:false,
        data:{cbuildingId:cbuildingId},
        success:function (data) {
            var status=data.code;
            if(status==1){
                var leng=data.data.length;
                var htm_='';
                for(var i=0;i<leng;i++){
                    var cbName =data.data[i].cbName;
                    var sId =data.data[i].sId;
                    htm_+='<li data-sId='+sId+' data-uname='+cbName+'>'+cbName+'<>';
                }
                $('.unit').append(htm_);

            }else {
                layer.msg('数据加载失败', {icon: 5});
            }
        }

    });
}


